<template>
  <up-popup
    :show="showorhidden"
    closeable
    type="center"
    @close="$emit('close')"
  >
    <scroll-view class="scrollViewclass" scroll-y>
      <view
        v-for="(item, index) in sampleInfos"
        :key="index"
        class="infos-list"
      >
        <view class="infos-list-box">
          <view> {{ item.tijioaren }}[提交] </view>
          <view> 办理人：{{ item.banliren }} </view>
          <view> 审批意见：{{ item.shenpiyijian }} </view>
          <view> 办理时间：{{ item.banlishijian }} </view>
        </view>
      </view>
    </scroll-view>
  </up-popup>
</template>

<script setup>
const props = defineProps(["showorhidden"]);
const show = ref(true);
const sampleInfos = ref([
  {
    tijioaren: "用车申请登记",
    banliren: "李辉",
    shenpiyijian: "同意",
    banlishijian: "2015-01-16:12:21:30",
  },
  {
    tijioaren: "用车申请登记",
    banliren: "李辉",
    shenpiyijian: "同意",
    banlishijian: "2015",
  },
  {
    tijioaren: "用车申请登记",
    banliren: "李辉",
    shenpiyijian: "同意",
    banlishijian: "2015",
  },
  {
    tijioaren: "用车申请登记",
    banliren: "李辉",
    shenpiyijian: "同意",
    banlishijian: "2015",
  },
  {
    tijioaren: "用车申请登记",
    banliren: "李辉",
    shenpiyijian: "同意",
    banlishijian: "2015",
  },
]);
defineExpose({
  show,
});
</script>

<style lang="scss" scoped>
.infos-list {
  display: flex;
  background: #fff;
  margin: 16rpx 24rpx;
  border-left: 4px solid #0070cc;
}

.infos-list-box {
  width: 100%;
  padding-left: 24rpx;
}
.infos-list-box > view {
  margin-bottom: 10rpx;
}

.scrollViewclass {
  height: 77vh;
}
</style>